<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="type" content="guides2"/>
<meta name="account" content="false"/><meta name="viewport" content="width=device-width"/>
<title>CNBlockly - 教程 - 4 - BlockFactory实战（一）</title>
<link rel="stylesheet" href="../css/mdui.min.css">
<link rel="stylesheet" href="../css/style.css">
<script src="../js/mdui.min.js"></script><script src="../js/account.js"></script>

</head>
<body class="mdui-bottom-nav-fixed">
<div class="mdui-toolbar mdui-color-indigo">
  <a href="../guides.html" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">arrow_back</i></a>
  <span class="mdui-typo-title">Blockly教程 - 4 - BlockFactory实战演练（1）</span>
</div>
<div class="mdui-card">
  <div class="mdui-card-header">
	<img class="mdui-card-header-avatar" scr="https://ws1.sinaimg.cn/large/ebc3e24aly1fk46infk3gj208c08ct8z.jpg">
    <div class="mdui-card-header-title">Blockly教学手册</div>
    <div class="mdui-card-header-subtitle">by starkersawz666</div>
  </div>
      <div class="mdui-card-primary">
        <div class="mdui-card-primary-title">BlockFactory实战演练（1）</div>
		<div class="mdui-card-content mdui-typo">既然我们已经学习了如何使用BF，那么就让我们来实战演练一下，来更进一步地了解、使用BF吧。</br>今天我们将要做的是“JS”积木。</br>成品图</br><img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59f5oic6j203300y742.jpg"/></br>初始界面</br><img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59f8fcuoj2075055t94.jpg"/></br>那么就让我们一步一步来完成吧。</br>1.名称，每个积木都有自己的名称，我们就把这块积木命名为javascript_js</br>2.连接方式，我们所做的积木是一个完整的语句，所以应该是<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59fg88e3j205b00udfl.jpg"/></br>3.连接类型，这样的一个语句当然是上下任意连接，所以我们保持默认设置“any”即可。</br>4.输入，可见这块积木不能在内部跟其他积木拼接，所以我们放入一个<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59fa2fikj203i01xa9z.jpg"/></br>5.<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59fb7j3lj202500u0l7.jpg"/>是由玩家自己输入的，而 <img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59fepkmjj200r00wa9t.jpg"/>是积木标识。所以我们放入一个<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59fhqg5cj202h010gld.jpg"/>和一个<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59fiqwq4j206m01e742.jpg"/>，并且去掉默认文本的default。</br>6.一个积木当然有自己的颜色，你可以根据自己的习惯来。我们这里就使用210°。</br>7.最后，我们就可以得到成品啦<img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59fktt0wj204c01n741.jpg"/></br>这是积木的源代码</br><img src="https://ws1.sinaimg.cn/large/ebc3e24aly1fk59fmcrt9j209r08k0ts.jpg"/></br>看一下你是否做对了呢？</br></br></div>
		<div class="mdui-card-actions">
        <a class="mdui-btn mdui-ripple mdui-ripple-white" href="../guides.html">返回</a>
		<a class="mdui-btn mdui-ripple mdui-ripple-white" href="blockly-5.html">下一章</a>
		</div>
      </div>
	  </div>
  </div>
</div>
</br>
<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=100 src="../copyright.html" frameborder=0></iframe>
<div id="nav"></div>
</body>
</html>